<template>
  <div class="count-item">
    <div class="title">{{ count.itemName }}</div>
    <div class="count"><span>{{ count.count }}</span>{{ unit }}</div>
  </div>
</template>

<script>
export default {
  name: 'StatisItem',
  props: {
    count: {
      type: Object,
      default() {
        return {}
      }
    },
    unit: {
      type: String,
      default() {
        return '台'
      }
    },
  },
  data() {
    return {}
  }
}
</script>
<style lang="scss" scoped>
.count-item{
    max-width: 150px;
    flex: 1;
    color: #333;
    text-align: right;
    font-weight: 650;
    line-height: 35px;
    .title{
        font-size: 14px;
    }
    .count{
        font-size: 14px;
        color: #aaa;
        span{
            font-size: 20px;
            color: #333;
        }
    }
}
</style>
